<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>simple</title>
        <style>
            .content1{
                width: 60px;
                height: 13px;
                font-size: 10px;
                background-color: aquamarine;
                white-space: nowrap;
                overflow: hidden;
                text-overflow:ellipsis;
            }
            .content2{
                width: 80px;
                /* height: 80px; */
                min-height: 80px;
                max-height: 120px;
                border: solid 4px red;
                overflow: auto;
            }
            .inner{
                width: 120px;
                height: 140px;
                background-color: bisque;
            }
        </style>
    </head>
    <body>
        <div class="content1">
            I like    something 
            for 
        </div>
        <div class="content2">
            <div class="inner">xxxxx xxxx yyyyy</div>
        </div>
    </body>
</html>